﻿<!doctype html>
<html class="no-js" lang="en-US">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>大气的女性品牌服装商城响应式模板</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fav Icon
	============================================ -->
	<link id="favicon" rel="icon" type="image/png" href="img/favicon.ico" />
	<!-- Google web fonts
	============================================ -->
	<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,900italic,900,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- Style Import CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="css/custom-style.css" />
	<!-- RS-slider CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />	
	
	<!-- Modernizr JS
	============================================ -->
	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Top
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">注册</a></li>
					<li><a href="#">登录</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">语言<class="mo-arrow-down"></li></a>
						<ul>
							<li><a href="#">英语</a></li>
							<li><a href="#">法语</a></li>
							<li><a href="#">西班牙语</a></li>
						</ul>
					</li>
					<li><a href="#">USD <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">Usd</a></li>
							<li><a href="#">Uro</a></li>
							<li><a href="#">Gbp</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-bottom">
	<div class="container">
		<div class="row">
			<!-- Header Logo -->
			<div class="logo col-md-2 col-sm-4 col-xs-5"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
			<!-- Main Menu -->
			<div class="main-menu col-md-7 hidden-sm hidden-xs">
				<nav>
					<ul>
						<li class="active"><a href="index.html">首页</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="index.html">首页1</a></li>
								<li><a href="index-2.html">首页2</a></li>
								<li><a href="index-3.html">首页3</a></li>
							</ul>
						</li>
						<li><a href="shop.html">商品</a>
							<!-- Mega Menu -->
							<div class="mega-menu mega-menu1">
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">配饰</a></li>
										<li><a href="shop.html">皮革</a></li>
										<li><a href="shop.html">太阳眼镜</a></li>
										<li><a href="shop.html">皮带</a></li>
										<li><a href="shop.html">戒指</a></li>
										<li><a href="shop.html">毛衣</a></li>
										<li><a href="shop.html">包包</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">男装</a></li>
										<li><a href="shop.html">衬衣& 上衣</a></li>
										<li><a href="shop.html">裙装</a></li>
										<li><a href="shop.html">泳装</a></li>
										<li><a href="shop.html">牛仔裤</a></li>
										<li><a href="shop.html">鞋子</a></li>
										<li><a href="shop.html">针织衫</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">女装</a></li>
										<li><a href="shop.html">礼服</a></li>
										<li><a href="shop.html">T恤</a></li>
										<li><a href="shop.html">牛仔裤 & 长裤</a></li>
										<li><a href="shop.html">夹克 & 大衣</a></li>
										<li><a href="shop.html">针织衫</a></li>
										<li><a href="shop.html">睡衣</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column2">
									<a href="#" class="menu-image"><img src="img/menu-image.png" alt="" /></a>
								</div>
							</div>
						</li>
						<li><a href="#">我的</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="cart.html">购物车</a></li>
								<li><a href="checkout.html">待付款</a></li>
								<li><a href="order-complete.html">全部订单</a></li>
								<li><a href="wishlist.html">待收货</a></li>
								<li><a href="product-details-1.html">订单详情</a>
									<ul class="sub-menu-2">
										<li><a href="product-details-1.html">Style  1</a></li>
										<li><a href="product-details-2.html">Style  2</a></li>
									</ul>
								</li>
								<li><a href="shop.html">商品</a>
									<ul class="sub-menu-2">
										<li><a href="shop.html">商品左侧导航栏</a></li>
										<li><a href="shop-right-sidebar.html">商品右侧导航栏</a></li>
										<li><a href="shop-without-banner.html">商品标语</a></li>
										<li><a href="shop-list.html">商品列表</a></li>
										<li><a href="shop-two-column.html">商品栏2</a></li>
										<li><a href="shop-three-column.html">商品栏3</a></li>
										<li><a href="shop-four-column.html">商品栏4</a></li>
									</ul>
								</li>
								<li><a href="single-blog.html">博客</a></li>
								<li><a href="single-page.html">单页</a></li>
								<li><a href="404.html">404 页</a></li>
							</ul>
						</li>
						<li><a href="blog.html">博客</a></li>
						<li><a href="contact.html">联系</a></li>
					</ul>
				</nav>
			</div>
			<!-- Header Search & Cart -->
			<div class="search-cart col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-3 col-xs-7">
				<!-- Header Cart -->
				<div class="header-cart float-right">
					<button class="cart-btn"><i class="mo-cart"></i><span class="cart-number">2</span></button>
					<div class="headercart-wrapper">
						<h2>购物车</h2>
						<ul class="products">
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/1.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">窄脚裤</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 99 x 1</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/2.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">眼镜太阳镜</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 199 x 5</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
						</ul>
						<div class="total-price text-center fix">
							<p>总数</p>
							<span>$ 1094.99</span>
						</div>
						<div class="view-cart text-center fix"><a href="cart.html">查看购物车 <i class="mo-arrow-right"></i></a></div>
						<div class="cart-footer text-center fix"><a href="checkout.html">进入结算</a></div>
					</div>
				</div>
				<!-- Header Search -->
				<div class="header-search float-right">
					<button class="search-btn"><i class="mo-search"></i></button>
					<form action="#" class="search-form">
						<input type="text" placeholder="搜素......" />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Menu
============================================ -->
<div class="mobile-menu hidden-lg hidden-md fix">
	<nav>
		<ul>
			<li><a href="index.html">首页</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="index.html">首页1</a></li>
					<li><a href="index-2.html">首页2</a></li>
					<li><a href="index-3.html">首页3</a></li>
				</ul>
			</li>
			<li><a href="shop.html">商品</a>
				<ul>
					<li><a href="#">配饰</a>
						<ul>
							<li><a href="shop.html">皮革</a></li>
							<li><a href="shop.html">太阳镜</a></li>
							<li><a href="shop.html">皮带</a></li>
							<li><a href="shop.html">戒指</a></li>
							<li><a href="shop.html">毛衣</a></li>
							<li><a href="shop.html">箱包</a></li>
						</ul>
					</li>
					<li><a href="#">男装</a>
						<ul>
							<li><a href="shop.html">衬衣 & 上衣</a></li>
							<li><a href="shop.html">礼服</a></li>
							<li><a href="shop.html">泳衣</a></li>
							<li><a href="shop.html">牛仔裤</a></li>
							<li><a href="shop.html">鞋子</a></li>
							<li><a href="shop.html">针织衫</a></li>
						</ul>
					</li>
					<li><a href="#">女装</a>
						<ul>
							<li><a href="shop.html">礼服</a></li>
							<li><a href="shop.html">T恤</a></li>
							<li><a href="shop.html">牛仔裤和长裤</a></li>
							<li><a href="shop.html">夹克 & 大衣</a></li>
							<li><a href="shop.html">针织衫</a></li>
							<li><a href="shop.html">睡衣</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a href="#">我的</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="cart.html">购物车</a></li>
					<li><a href="checkout.html">待付款</a></li>
					<li><a href="order-complete.html">全部订单</a></li>
					<li><a href="wishlist.html">代收货</a></li>
					<li><a href="product-details-1.html">订单详情</a>
						<ul>
							<li><a href="product-details-1.html">Style  1</a></li>
							<li><a href="product-details-2.html">Style  2</a></li>
						</ul>
					</li>
					<li><a href="shop.html">商品</a>
						<ul>
							<li><a href="shop.html">商品左侧导航栏</a></li>
							<li><a href="shop-right-sidebar.html">商品右侧导航栏</a></li>
							<li><a href="shop-without-banner.html">商品标语</a></li>
							<li><a href="shop-list.html">商品列表</a></li>
							<li><a href="shop-two-column.html">商品栏2</a></li>
							<li><a href="shop-three-column.html">商品栏3</a></li>
							<li><a href="shop-four-column.html">商品栏4</a></li>
						</ul>
					</li>
					<li><a href="single-blog.html">博客</a></li>
					<li><a href="404.html">404 页</a></li>
				</ul>
			</li>
			<li><a href="blog.html">博客</a></li>
			<li><a href="contact.html">联系</a></li>
		</ul>
	</nav>
</div>
<!-- Home 1 Slider
============================================ -->
<div class="home-slider-wrapper">
	<div id="revslider1" class="rev_slider">
		<ul>
			<li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off"  data-title="Slide1">
				 <!-- MAIN BACKGROUND IMAGE -->
				 <img src="img/home-1-slider/bg-1.jpg"  alt="">
				 <!-- LAYER NR. 1 -->
				 <div class="tp-caption sfb layer1"				
					data-x="435" 
					data-y="199"
					data-speed="800"
					data-start="1000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer1.png"  alt=""></div>
				 <!-- LAYER NR. 2 -->
				 <div class="tp-caption sfb layer2" 							
					data-x="975" 
					data-y="78"
					data-speed="800"
					data-start="1500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer2.png"  alt=""></div>
				 <!-- LAYER NR. 3 -->
				 <div class="tp-caption sfb layer3" 							
					data-x="480" 
					data-y="-133" 				
					data-speed="800"
					data-start="2000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer3.png"  alt=""></div>
				 <!-- LAYER NR. 4 -->
				 <div class="tp-caption sfb layer4" 							
					data-x="1102" 
					data-y="415" 
					data-speed="800"
					data-start="2500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer4.png"  alt=""></div>
				 <!-- LAYER NR. 5 -->
				 <div class="tp-caption sfb layer5" 
					data-x="384" 
					data-y="550" 
					data-speed="800"
					data-start="3000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="
					  color: #fff;
					  font-family: 'Playfair Display',serif;
					  font-size: 62px;
					  font-style: italic;
					  font-weight: 700;
					  letter-spacing: -1.5px;
					  line-height: 62px;
					">所有收藏</div>
				 <!-- LAYER NR. 6 -->
				 <a href="#" class="shop-now tp-caption sfb layer6"
					data-x="385" 
					data-y="636" 
					data-speed="800"
					data-start="3500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="
					  border: 2px solid #fff;
					  color: #fff;
					  display: block;
					  font-size: 18px;
					  line-height: 46px;
					  padding: 0 40px;
					  text-align: center;
					  text-transform: uppercase;
					">购物</a>
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off"  data-title="Slide1">
				 <!-- MAIN BACKGROUND IMAGE -->
				 <img src="img/home-1-slider/bg-2.jpg"  alt="">
				 <!-- LAYER NR. 1 -->
				 <div class="tp-caption sfb layer1"				
					data-x="435" 
					data-y="199"
					data-speed="800"
					data-start="1000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer1.png"  alt=""></div>
				 <!-- LAYER NR. 2 -->
				 <div class="tp-caption sfb layer2" 							
					data-x="975" 
					data-y="78"
					data-speed="800"
					data-start="1500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer2.png"  alt=""></div>
				 <!-- LAYER NR. 3 -->
				 <div class="tp-caption sfb layer3" 							
					data-x="480" 
					data-y="-133" 				
					data-speed="800"
					data-start="2000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer3.png"  alt=""></div>
				 <!-- LAYER NR. 4 -->
				 <div class="tp-caption sfb layer4" 							
					data-x="1102" 
					data-y="415" 
					data-speed="800"
					data-start="2500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-1-slider/layer4.png"  alt=""></div>
				 <!-- LAYER NR. 5 -->
				 <div class="tp-caption sfb layer5" 
					data-x="384" 
					data-y="550" 
					data-speed="800"
					data-start="3000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="
					  color: #fff;
					  font-family: 'Playfair Display',serif;
					  font-size: 62px;
					  font-style: italic;
					  font-weight: 700;
					  letter-spacing: -1.5px;
					  line-height: 62px;
					">所有收藏</div>
				 <!-- LAYER NR. 6 -->
				 <a href="#" class="shop-now tp-caption sfb layer6"
					data-x="385" 
					data-y="636" 
					data-speed="800"
					data-start="3500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="
					  border: 2px solid #fff;
					  color: #fff;
					  display: block;
					  font-size: 18px;
					  line-height: 46px;
					  padding: 0 40px;
					  text-align: center;
					  text-transform: uppercase;
					">购物</a>
			</li>
		</ul>				
	</div>
</div>
<!-- Two Column Promo
============================================ -->
<div class="two-column-promo">
	<div class="container">
		<div class="row">
			<div class="two-column-promo-container col-xs-12">
				<div class="sin-promo col-xs-6 fix">
					<div class="promo-border-top-bottom"></div>
					<div class="promo-border-left-right"></div>
					<a href="#" class="image"><img src="img/2-column-promo/3.jpg" alt="promo" /></a>
					<div class="promo-title promo-title-left">
						<h1>运动鞋<br><br> 收藏</h1>
					</div>
					<div class="links">
						<a href="#">收藏<i class="mo-arrow-right"></i></a>
						<a href="#">所有的商品 <i class="mo-arrow-right"></i></a>
					</div>
				</div>
				<div class="sin-promo sin-promo-right col-xs-6 fix">
					<div class="promo-border-top-bottom"></div>
					<div class="promo-border-left-right"></div>
					<a href="#" class="image"><img src="img/2-column-promo/4.jpg" alt="promo" /></a>
					<div class="promo-title promo-title-right">
						<h1>帆布鞋<br><br> 收藏</h1>
					</div>
					<div class="links">
						<a href="#">查看 <i class="mo-arrow-right"></i></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Tab Products
============================================ -->
<div class="tab-product">
	<div class="container">
		<div class="row">
			<!-- Product Tab List -->
			<div class="col-xs-12 text-center">
				<ul class="pro-tab-list fix">
					<li class="active"><a href="#new-arrival" data-toggle="tab">新品上市</a></li>
					<li><a href="#best-seller" data-toggle="tab">畅销</a></li>
					<li><a href="#most-wanted" data-toggle="tab">热销</a></li>
				</ul>
			</div>
			<!-- Product Tab Content Container -->
			<div class="pro-tab-content-container tab-content col-md-12 col-md-offset-0 col-sm-10 col-sm-offset-1">
				<!-- Product Tab -->
				<div class="pro-tab tab-pane active row" id="new-arrival">
					<div class="new-arrival-slider tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/1.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/1.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">衫针织</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">女装</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/2.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/2.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">围巾</a></h3>
										<p class="price float-right">$ 15</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">流行 </a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/3.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/3.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">头戴式耳机</a></h3>
										<p class="price float-right">$ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">配件</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/1.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/1.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">针织衫</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">女装</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/2.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/2.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">围巾</a></h3>
										<p class="price float-right">$ 15</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">流行 </a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Product Tab -->
				<div class="pro-tab tab-pane row" id="best-seller">
					<div class="best-seller tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/5.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色 </li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">羊绒制品</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">男装</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/6.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/6.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">帆布包</a></h3>
										<p class="price float-right">$ 256</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">公用设施</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/7.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/7.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">面具</a></h3>
										<p class="price float-right">$ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">漂亮的</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/8.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/8.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">围巾</a></h3>
										<p class="price float-right">$ 25</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">时尚</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/9.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">护肤</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">男士护肤</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Product Tab -->
				<div class="pro-tab tab-pane row" id="most-wanted">
					<div class="most-wanted-slider tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/9.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">护肤</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">男士护肤</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/10.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/10.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
												    <li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">礼帽</a></h3>
										<p class="price float-right">$ 256</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">修身 </a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/11.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/11.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">毛衣</a></h3>
										<p class="price float-right">$ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">女装</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/12.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/12.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">皮革</a></h3>
										<p class="price float-right">$ 25</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">男鞋</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/1.jpg" alt="product" /></a>
									<span class="pro-label great-deal">畅销</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix" style="background-image: url('img/product/1.jpg');">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action"><i class="mo-cart"></i></button>
											<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
											<button class="wishlist pro-action"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>尺寸:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">针织衫</a></h3>
										<p class="price float-right">$ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">女装</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Offers Area
============================================ -->
<div class="offers-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-8 offers-left">
				<div class="row">
					<div class="single-offer offer-1 col-sm-6">
						<div class="offer-wrap">
							<a href="#" class="offer-image"><img src="img/offers/1.jpg" alt="offers" /></a>
							<div class="offer-brief-1 fix">
								<h1>生活 <br />风格</h1>
								<p>2016新品 <br />L皮包收藏</p>
							</div>
						</div>
					</div>
					<div class="single-offer offer-2 col-sm-6">
						<div class="offer-wrap">
							<a href="#" class="offer-image"><img src="img/offers/2.jpg" alt="offers" /></a>
							<div class="offer-brief-2 fix">
								<h1>尺寸</h1>
								<p>新春大抢购，满599所有商品7折优惠</p>
								<a href="#">购物</a>
							</div>
						</div>
					</div>
					<div class="single-offer offer-3 col-sm-12">
						<div class="offer-wrap">
							<a href="#" class="offer-image"><img src="img/offers/3.jpg" alt="offers" /></a>
							<div class="offer-brief-3 fix">
								<h2>加入收藏</h2>
								<h1>新品</h1>
						
								<a href="#">发现</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="single-offer offer-4 col-sm-4 offers-right">
				<div class="offer-wrap">
					<a href="#" class="offer-image"><img src="img/offers/4.jpg" alt="offers" /></a>
					<div class="offer-brief-4 fix">
						<span class="pro-label offer-label hot-deal ">热销</span>
						<h1>红色天鹅绒 <br />女士 <br />鞋子</h1>
						<p>红色天鹅绒鞋女2018新款细跟高跟红色公主结婚新娘鞋浅口尖头中跟单鞋</p>
						<a href="#">查看收藏</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Sale Bammer
============================================ -->
<div class="sale-banner fix">
	<div class="single-banner sale-banner-1 col-md-6 col-sm-12">
		<div class="banner-image"><img src="img/banner/1.jpg" alt="banner" /></div>
		<div class="banner-brief banner-brief-1 text-center fix">
			<span class="banner-label">特殊收藏</span>
			<h2>关于</h2>
			<h1> 圣诞节</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt doloremque laudantium,</p>
			<p>eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, et dolore magnam aliquam quaerat voluptatem.</p>
			<a href="#">查看收藏</a>
		</div>
	</div>
	<div class="single-banner sale-banner-2 col-md-6 col-sm-12">
		<div class="banner-image"><img src="img/banner/2.jpg" alt="banner" /></div>
		<div class="banner-brief banner-brief-2 text-center fix">
			<h3>参加抢购</h3>
			<h1>冬季抢购</h1>
			<p>全场优惠，最低1折起</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt doloremque laudantium,</p>
			<p>eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, et dolore magnam aliquam quaerat voluptatem.</p>
			<a href="#">发现</a>
		</div>
	</div>
</div>
<!-- Top Rated Product
============================================ -->
<div class="top-product">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="section-title text-center"><h1>热销产品</h1></div>
			</div>
		</div>
		<div class="row">
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
						<span class="pro-label great-deal">great deals</span>
						<!-- Product Hover Content -->
						<div class="pro-hover fix" style="background-image: url('img/product/5.jpg');">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action"><i class="mo-cart"></i></button>
								<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
								<button class="wishlist pro-action"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>尺寸:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">长款衬衣裙</a></h3>
							<p class="price float-right">$ 94</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">女装</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/6.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix" style="background-image: url('img/product/6.jpg');">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action"><i class="mo-cart"></i></button>
								<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
								<button class="wishlist pro-action"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>尺寸:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>颜色:</h4>
									<ul>
										<li class="blue">蓝色</li>
										<li class="orange">橘色</li>
										<li class="green">绿色</li>
										<li class="purple">紫色</li>
										<li class="pink">粉红色</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">大码女士手提包</a></h3>
							<p class="price float-right">$ 256</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">配饰</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/7.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix" style="background-image: url('img/product/7.jpg');">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action"><i class="mo-cart"></i></button>
								<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
								<button class="wishlist pro-action"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">护肤</a></h3>
							<p class="price float-right">$ 99</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">护肤套装</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/8.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix" style="background-image: url('img/product/8.jpg');">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action"><i class="mo-cart"></i></button>
								<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
								<button class="wishlist pro-action"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>颜色:</h4>
												<ul>
													<li class="blue">蓝色</li>
													<li class="orange">橘色</li>
													<li class="green">绿色</li>
													<li class="purple">紫色</li>
													<li class="pink">粉红色</li>
												</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">围巾</a></h3>
							<p class="price float-right">$ 25</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">时尚</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>		
		</div>
		<!-- More Product Link -->
		<div class="more-product col-sm-12 text-center">
			<a href="#" class="shop-link"><i class="mo-more"></i></a>
		</div>
	</div>
</div>
<!-- Blog
============================================ -->
<div class="blog-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="section-title text-center"><h1>博客</h1></div>
			</div>
		</div>
		<div class="row">
			<!-- Blog Slider -->
			<div class="blog-slider home1-blog-slider">
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/1.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 26, 2018</span>
						<h2><a href="#">2018米兰时装周</a></h2>
						<p>2018年NO.21秋冬高级成衣米兰时装周发布秀,提供NO.212018年时装发布资讯,最全的秋冬高级成衣搭配 </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/2.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 15, 2018</span>
						<h2><a href="#">专业定制</a></h2>
						<p>全品类高级服装定制—始终致力于高级成衣定制行业,以精美做工和 体贴服务而为人称道,个性化的量体裁剪  </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/1.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 26, 2015</span>
						<h2><a href="#">Milan Fashion Week 2015</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
						
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/2.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 15, 2015</span>
						<h2><a href="#">BeSpoked, BeBold, BeWitched</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
					
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Subscribe Area
============================================ -->
<div class="subscribe-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<div class="subscribe-container">
					<!-- Subscribe Text -->
					<div class="subscribe-text fix">
						<h2>得到任何报价的通知!</h2>
						<p>订阅我们的通讯，以获得有关促销活动的通知</p>
					</div>
					<!-- Subscribe Form -->
					<div class="subscribe-form fix">
						<form action="#" id="subscribe-form">
							<input type="text" placeholder="您的电邮地址" />
							<input type="submit" value="提交" />
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Brand Area
============================================ -->
<div class="brand-area">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-sm-3">
				<div class="section-title-2"><h1>顶级品牌</h1></div>
			</div>
			<div class="col-md-10 col-sm-9 text-center">
				<!-- Brands Slider -->
				<div class="brand-slider">
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Footer Area
============================================ -->
<div class="footer-area">
	<!-- Footer Top -->
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<!-- Footer Widget About -->
				<div class="footer-widget footer-widget-about col-md-3 col-sm-5">
					<img src="img/footer-logo.png" alt="" />
					<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium,</p>
					<div class="footer-social">
						<a href="#"><i class="mo-facebook"></i></a>
						<a href="#"><i class="mo-twitter"></i></a>
						<a href="#"><i class="mo-google-plus"></i></a>
						<a href="#"><i class="mo-pinterest"></i></a>
					</div>
				</div>
				<!-- Footer Widget Address -->
				<div class="footer-widget footer-widget-address col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>联系地址</h3>
					<p>1025-1035 Park Ave, <br />New York, <br />NY 10028, USA</p>
					<p>+1 123-456-7890</p>
					<p>sales@koolinc.com</p>
				</div>
				<!-- Footer Widget Collection -->
				<div class="footer-widget footer-widget-collection col-md-2 col-md-offset-1 col-sm-5">
					<h3>collection</h3>
					<ul>
						<li><a href="#">Men</a></li>
						<li><a href="#">Women</a></li>
						<li><a href="#">Kids</a></li>
						<li><a href="#">Accessories</a></li>
						<li><a href="#">Sale</a></li>
						<li><a href="#">Coming Soon</a></li>
					</ul>
				</div>
				<!-- Footer Widget Shop -->
				<div class="footer-widget footer-widget-shop col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>shop</h3>
					<ul>
						<li><a href="single-page.html">About Us</a></li>
						<li><a href="single-page.html">Shipping Methods</a></li>
						<li><a href="single-page.html">Career</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom -->
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<!-- Footer Copyright -->
				<div class="copyright col-sm-6 text-left"><p>&copy; 2016 <a href="#">wilylab</a>. All Rights Reserved</p></div>
				<!-- Footer Payment -->
				<div class="payment col-sm-6 text-right"><img src="img/payment.png" alt="payment" /></div>
			</div>
		</div>
	</div>
</div>
<!-- Quick View
============================================ -->
<div id="quick-view" class="modal fade">
	<div class="modal-container container">
		<div class="row">
			<div class="col-sm-12">
				<button class="model-close" data-dismiss="modal"><i class="mo-cross"></i></button>
				<!-- Product Container -->
				<div class="pro-info-container fix">
					<!-- Product Info -->
					<div class="product-info col-md-6">
						<!-- Product Info Cat -->
						<div class="pro-info-cat"><p>Leather Shoe</p></div>
						<!-- Product Info Title Ratting -->
						<div class="pro-title-rating fix">
							<h2>Buttero Casual</h2>
							<div class="ratting pro-info-ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
						<!-- Product Info Tab List -->
						<ul class="pro-info-tab-list">
							<li class="active"><a href="#description" data-toggle="tab">Description</a></li>
							<li><a href="#tags" data-toggle="tab">Tags</a></li>
							<li><a href="#reviews" data-toggle="tab">Reviews</a></li>
						</ul>
						<!-- Product Info Tab container -->
						<div class="pro-info-tab-container tab-content fix">
							<!-- Product Info Tab -->
							<div class="pro-info-tab tab-pane active" id="description">
								<p>These city boots won't let you down when it comes to comfort and practicality. Look manly and trendy on the daily in these versatile lace-up boots.</p>
								<ul>
									<li>Polished Leather</li>
									<li>Lace-up boot</li>
									<li>Round toe</li>
									<li>Felt lining</li>
								</ul>
								<div class="pro-color-size fix">
									<div class="pro-color">
										<h4>Colors:</h4>
										<ul>
											<li><a href="#">color 1</a></li>
											<li><a href="#">color 2</a></li>
											<li><a href="#">color 3</a></li>
											<li><a href="#">color 4</a></li>
										</ul>
									</div>
									<div class="pro-size">
										<h4>Sizes:</h4>
										<ul>
											<li><a href="#">38</a></li>
											<li><a href="#">39</a></li>
											<li><a href="#">40</a></li>
											<li><a href="#">41</a></li>
											<li><a href="#">42</a></li>
										</ul>
									</div>
								</div>
								<div class="pro-info-price fix">
									<h1 class="new">$ 259.00</h1>
									<h3 class="old">$ 380.00</h3>
								</div>
								<div class="pro-info-quantity-cart fix">
									<div class="pro-info-quantity float-left fix">
										<h3>Quantity</h3>
										<div class="cart-plus-minus float-left fix">
											<input type="text" value="0" name="qtybutton" class="cart-plus-minus-box">
										</div>
									</div>
									<button class="pro-info-addcart"><i class="mo-cart"></i>Add to Cart</button>
								</div>
							</div>
							<!-- Product Tag Tab -->
							<div class="pro-tag-tab tab-pane" id="tags">
								<div class="pro-tag-wrapper">
									<a href="#">Leather Shoe</a>
									<a href="#">Shoe</a>
									<a href="#">Men</a>
								</div>
							</div>
							<!-- Product Review Tab -->
							<div class="pro-review-tab tab-pane" id="reviews">
								<div class="pro-review-container">
									<div class="sin-pro-review">
										<div class="rev-image float-left">
											<img src="img/comments/1.png" alt="" />
										</div>
										<div class="rev-content fix">
											<div class="rev-head">
												<h3>Mingel Hoops</h3>
												<span>December 28, 2015 at 3:20 pm</span>
												<div class="ratting pro-rev-ratting float-right">
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
												</div>
											</div>
											<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p>
										</div>
									</div>
									<div class="sin-pro-review">
										<div class="rev-image float-left">
											<img src="img/comments/2.png" alt="" />
										</div>
										<div class="rev-content fix">
											<div class="rev-head">
												<h3>Mingel Hoops</h3>
												<span>December 28, 2015 at 3:20 pm</span>
												<div class="ratting pro-rev-ratting float-right">
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
												</div>
											</div>
											<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p>
										</div>
									</div>
								</div>
								<div class="pro-rev-form fix">
									<h2>Add your review</h2>
									<form action="#" id="rev-form" class="moon-form">
										<div class="input-box input-box-2">
											<input type="text" placeholder="Name">
										</div>
										<div class="input-box input-box-2">
											<input type="text" placeholder="Email">
										</div>
										<div class="form-ratting">
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
										</div>
										<div class="input-box">
											<textarea name="review" id="rev-message" placeholder="Message" rows="5"></textarea>
										</div>
										<div class="input-box">
											<input type="submit" value="Submit">
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Image -->
					<div class="product-image col-md-6">
						<!-- Product Image Tab container -->
						<div class="pro-image-tab-container tab-content fix">
							<!-- Product Image Tab -->
							<div class="pro-image-tab tab-pane" id="image-1">
								<img src="img/pro-details/big-1.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane active" id="image-2">
								<img src="img/pro-details/big-2.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane" id="image-3">
								<img src="img/pro-details/big-3.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane" id="image-4">
								<img src="img/pro-details/big-4.jpg" alt="" />
							</div>
						</div>
						<!-- Product Image Tab List -->
						<ul class="pro-image-tab-list">
							<li><a href="#image-1" data-toggle="tab"><img src="img/pro-details/1.jpg" alt="" /></a></li>
							<li class="active"><a href="#image-2" data-toggle="tab"><img src="img/pro-details/2.jpg" alt="" /></a></li>
							<li><a href="#image-3" data-toggle="tab"><img src="img/pro-details/3.jpg" alt="" /></a></li>
							<li><a href="#image-4" data-toggle="tab"><img src="img/pro-details/4.jpg" alt="" /></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>





<!-- jQuery 1.12.0
============================================ -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<!-- Bootstrap JS
============================================ -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MeanMenu JS
============================================ -->
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<!-- Slick Carousel JS
============================================ -->
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- RS-Plugin JS
============================================ -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- Scrollup JS
============================================ -->
<script type="text/javascript" src="js/jquery.scrollup.min.js"></script>
<!-- jQuery UI JS
============================================ -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Tree View JS
============================================ -->
<script type="text/javascript" src="js/jquery.treeview.js"></script>
<!-- Nice Scroll JS
============================================ -->
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<!-- WOW JS
============================================ -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- Google Map APi
============================================ -->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> -->
<script>
	new WOW().init();
</script>
<!-- Main JS
============================================ -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>